<!DOCTYPE html>
<html>
       
<head>
      <title>选妃</title>
                   
    <meta charset="UTF-8">
                   
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    <!-- Bootstrap -->
               <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/baguetteBox.min.css">
    <script src="js/baguetteBox.min.js" async></script>
                   
    <style type="text/css">
        .item {
            margin-bottom: 10px;
            padding-left: 5px;
            padding-right: 5px;
        }

                       
    </style>
           
</head>
       
<body>
               
<div class="container">
                           
    <div class="row masonry">
                                       
        <div class="col-md-3 item"><img src="myimgs/007.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/008.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/25.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/46.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/50.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/67.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/dq.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/lrs.png" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/wxm12.jpg" alt="" class="img-responsive"></div>
                                       
        <div class="col-md-3 item"><img src="myimgs/wxm11.jpg" alt="" class="img-responsive"></div>
                                       
                               
    </div>
                   
</div>

               
<script src="js/jquery-1.11.3.min.js"></script>

<script src="js/bootstrap.min.js"></script>
<script src="js/masonry.min.js"></script>
<script>
    $(function(){
        $('.masonry').masonry({
            itemSelector: '.item'
        });
    })

    </body>

    </html>